<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>${project}</title>
	<link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=path %>/easyui/themes/icon.css">
	<script type="text/javascript" src="<%=path %>/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="<%=path %>/easyui/jquery.easyui.min.js"></script>

<style type="text/css">
h1{
    font-size:24px;
    font-weight:bold;
    margin:0;
    margin-left:30px;
    margin-bottom:15px;
}
h2{
    font-size:20px;
    font-weight:bold;
    margin:0;
    margin-top:100px;
}
</style>
<script type="text/javascript">
function addTab(subtitle, url) {
    if (!$('#tabs').tabs('exists', subtitle)) {
        $('#tabs').tabs('add', {
            title: subtitle,
            content: createFrame(url),
            closable: true,
            width: $('#tabs').width() - 10,
            height: $('#tabs').height() - 26
        });
    } else {
        $('#tabs').tabs('select', subtitle);
    }
}

function createFrame(url) {
    var s = '<iframe name="mainFrame" scrolling="no" frameborder="0"  src="' + url + '" style="width:100%;height:100%;border:0"></iframe>';
    return s;
}
</script>
</head>
<body class="easyui-layout">
	<!-- top -->
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px;vlign:center;">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td>
					<h1>教学大纲管理</h1>
				</td>
				<td style="text-align: right">
					<a href="logout">退出</a>
				</td>
			</tr>
		</table>
	</div>
	<!-- left -->
	<div data-options="region:'west',split:true,title:'菜单'" style="width:250px;padding:10px;">
		
		<ul id="tree" class="easyui-tree">
		    <li>
		        <span>教学大纲</span>
		        <ul>                        
		            <li><span><a onclick="addTab('课程列表','course/list')" href="#">课程列表</a></span></li>
		            <li><span><a onclick="addTab('大纲列表','syllabus/list')" href="#">大纲列表</a></span></li> 
		            <li><span><a onclick="addTab('大纲审核','checkSyllabus/list')" href="#">大纲审核</a></span></li> 
		            <li><span><a onclick="addTab('统计','statistics/list')" href="#">统计</a></span></li>        
		        </ul>    
		    </li>    
		</ul>
	</div>
	<!-- right 
	<div data-options="region:'east',split:true,collapsed:true,title:'右侧菜单'" style="width:100px;padding:10px;">east region</div>
	-->
	<!-- bottom -->
	<div data-options="region:'south',border:false" style="height:20px;background:#B3DFDA;padding:0px;text-align: center"><span>版权所有@2013</span></div>
	<!-- center -->
	<div id="tabs" data-options="region:'center'" class="easyui-tabs" style="border: 0">
		<div title="welcome" style="padding: 20px; text-align: center;">
			<h2>欢迎使用教学大纲管理系统！</h2>
		</div>
	</div>
</body>
</html>